<template>
  <div>
    <div>自定义组件</div>
    <Children1 :data.sync="formData"></Children1>
    <Children2 v-model="formData"></Children2>
  </div>
</template>

<script>
import Children1 from './components/Children1.vue';
import Children2 from './components/Children2.vue';
export default {
  components: {
    Children1,
    Children2
  },
  data() {
    return {
      formData: {}
    }
  },
  mounted() {
    setTimeout(() => {
      this.formData = {
        arr: [1, 2, 3],
        obj: { key: 123 },
        value: 'qqqq'
      }
    }, 2000)
  }
}
</script>

<style>

</style>